<template>
    <div>
  		<div class="top-form">
	  		<el-form :model="queryForm" label-width="120px" label-position="right">
		  		<el-col :xs="24" :sm="12" :md="8" :lg="6">
			        <el-form-item label="课程状态：" prop="status">
			            <el-select v-model="queryForm.status">
			                <el-option key="" label="全部" value=""></el-option>
			                <el-option key="1" label="启用" value="1"></el-option>
			                <el-option key="0" label="停用" value="0"></el-option>
			            </el-select>
			        </el-form-item>
		        </el-col>
		        <el-col :xs="24" :sm="12" :md="8" :lg="6">
			        <el-form-item label="课程" prop="id">
			            <el-select v-model="queryForm.id">
			              	<el-option key="0" label="请输入" value=""></el-option>
			              	<el-option v-for="item in courseDropDownList" :key="item.id" :label="item.name+'('+item.code+')'" :value="item.id"></el-option>
			            </el-select>
			        </el-form-item>
		        </el-col>
		    </el-form>
        <div class="text-right-b10">
          <el-button style="margin-left:80px" type="primary" plain @click="pageContent">查询</el-button>
       </div>
		 </div>
	    <ul class="queList">
	    	<li v-for="course in testQuesCourseList" @click="toQuestionListPage(course.id,course.courseCode,course.courseName)">
          <div class="courseImg"></div>
          <div class="courseInfo">
            {{course.courseName}}<sub>{{course.eduName}}</sub><sub :style="'color:'+(course.status?'#21c8ac':'#f00')">{{course.status?"启用":"停用"}}</sub>
            <p><span>待审核 {{course.stayNum}}</span> <span>审核通过 {{course.adoptNum}}</span>  <span>审核驳回 {{course.rebutNum}}</span></p>
          </div>
          <el-button v-if="course.status" type="primary" plain @click.stop="createQuestion(course.id)" >+ 创建试题</el-button>
          <el-button v-else="course.status" type="primary" plain disabled>+ 创建试题</el-button>
	    	</li>
	    </ul>
      <!--分页组件-->
      <pagination ref="page" :currentPage="currentPage" :pageSize="pageSize" :totalCount="totalCount" @on-current-page-change="onCurrentPageChange" @on-page-size-change="onPageSizeChange"/>
  	</div>
</template>